<template>
    <div class="demo-progress">
      <el-progress :percentage="40" />
      <el-progress :percentage="num" :format="format" />
      <el-progress :percentage="100" status="success" />
      <el-progress :percentage="100" status="warning" />
      <el-progress :percentage="50" status="exception" />
    </div>
    <input type="number" v-model="num">
  </template>
  
  <script lang="ts" setup>
  import {ref} from 'vue'
  const num = ref(10)
  const format = (percentage) => (percentage === 100 ? 'Full' : `${percentage}%`)
  </script>
  
  <style scoped lang="scss">
  .demo-progress .el-progress--line {
    margin-bottom: 15px;
    max-width: 600px;
  }
  </style>
  